<template>
	<view>
		<uni-popup ref="popup" type="center">
			<view class="yh-bgf yh-w590 yh-br40 yh-pt30 yh-pb30 center_combo flex_column">
				<view class="level_align yh-mt60 yh-fz30">
					<image class="yh-img88 yh-mr20" src="../static/icon/QQ.png" mode=""></image>
					QQ号： {{kefuInfo.qq_num}}
				</view>
				<view @click="copy(kefuInfo.qq_num)" class="btn yh-fcF center_combo yh-mt30">
					复制QQ号
				</view>
				<view class="level_align yh-mt40 yh-fz30">
					<image class="yh-img88 yh-mr20" src="../static/icon/weixin.png" mode=""></image>
					微信号：  {{kefuInfo.wx_num}}
				</view>
				<view @click="copy(kefuInfo.wx_num)" class="btn yh-fcF center_combo yh-mt60">
					复制微信号
				</view>
				<view class="level_align yh-mt40 yh-fz30">
					<image class="yh-img88 yh-mr20" src="../static/icon/dianhua.png" mode=""></image>
					手机号：  {{kefuInfo.phone}}
				</view>
				<view @click="makePhoneCall(kefuInfo.phone)" class="btn yh-fcF center_combo yh-mt60 yh-mb30">
					拨打电话
				</view>
				<uni-icons @click="close()" class="yh-pxc" style="bottom: -160rpx;" type="closeempty" size="50" color="#DEBB81"></uni-icons>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		name:"kefu",
		data() {
			return {
				kefuInfo: {}
			};
		},
		created() {
			this.getInfo()
		},
		methods: {
			getInfo(){
				// 客服信息
				this.$http.post(this.$api.kefuService).then(res => {
					if (res.code === 200) {
						this.kefuInfo = res.data
					}
				})
			},
			open() {
				this.$refs.popup.open()
			},
			close() {
				this.$refs.popup.close()
			},
			
		}
	}
</script>

<style lang="scss">
.btn {
	width: 350rpx;
	height: 60rpx;
	background: #DEBB81;
	border-radius: 10rpx;
}
</style>
